<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>mmkit: Samples &raquo; Layouts &raquo; 3 Column, Center Content, Left Navigation</title>
	<meta name="description" content="mmkit css library layout sample page" />
	<meta name="keywords" content="mmkit layouts" />
	<meta name="robots" content="all" />
	<meta http-equiv="imagetoolbar" content="no" />

	<!-- Framework CSS -->
	<link rel="stylesheet" href="../../mmkit/base/screen.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../../mmkit/base/print.css" type="text/css" media="print" />
	<!--[if IE]><link rel="stylesheet" href="../../mmkit/base/ie.css" type="text/css" media="all" /><![endif]-->

	<link rel="stylesheet" href="../../mmkit/layouts/3column-contentcenter-leftnav/screen.css" type="text/css" media="all" />
	<style type="text/css">#container:hover { background: url(../grid.png); } </style>
</head>
<body class="section-unknown template-unknown page-unknown">
	<div id="container">

		<p id="skip-links"><a href="#primary-content" title="Skip To Content">Skip To Content</a> <a href="#primary-navigation" title="Skip To Primary Navigation">Skip To Primary Navigation</a></p>

		<!-- Site header -->
		<div id="header">
			<div id="unit-logo" class="unit">
				<p class="logo"><span>Sitename</span></p>
			</div>
		</div>

		<!-- Main content -->
		<div id="page-content">

			<!-- Main content -->
			<div id="primary-content">

				<div id="unit-content" class="unit">
					
					<h1>Page Title</h1>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p><p>Proin adipiscing dictum risus eu eleifend. Cras nunc justo, blandit ut laoreet ultricies, tempus sed massa. Suspendisse at condimentum ligula. Vestibulum quis bibendum erat. Sed sit amet ante sed dolor elementum molestie. Suspendisse potenti. Morbi pellentesque lacinia venenatis. Morbi eu felis libero. Integer a eleifend nisi. Etiam commodo eros vitae justo ullamcorper et commodo nisl venenatis. Praesent ac diam ut enim gravida tincidunt. Sed vulputate pretium adipiscing. Curabitur sed turpis vel urna malesuada vulputate id at mi.</p><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam pulvinar ligula vitae metus laoreet pellentesque. Proin magna tellus, condimentum in tincidunt non, tincidunt quis libero. Nam porta suscipit est a accumsan. Vivamus semper facilisis augue sed hendrerit. Quisque sagittis aliquet risus, et pharetra velit tincidunt luctus. Suspendisse a fringilla nibh. Vivamus elit felis, ultrices at lobortis vel, vestibulum in elit. Morbi felis massa, egestas at suscipit sed, dignissim id diam. Sed tellus ante, ultrices a venenatis mattis, tempor vitae nunc. In in risus tortor, a tincidunt mi. In eget felis metus. Quisque sit amet ultricies elit. Curabitur laoreet scelerisque purus nec lacinia. Suspendisse placerat tortor sem, in vestibulum mauris. Nunc viverra, libero in commodo pulvinar, mi lectus posuere ligula, id interdum leo lectus eget libero. Nam molestie pharetra mauris, sit amet condimentum dolor aliquet nec. Nunc viverra fringilla eros, a ultrices velit sodales ac. Ut nunc leo, facilisis a pulvinar et, sollicitudin eget ligula.</p><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi scelerisque sem quis odio iaculis eget vestibulum magna mollis. Aenean sollicitudin eleifend vehicula. Aliquam erat volutpat. Ut quis eleifend quam. Nam consequat luctus ante ut vulputate. Nulla facilisi. Suspendisse eget nunc dui, non facilisis orci. Nullam non mi in massa sollicitudin tempor id ut massa. Proin condimentum interdum risus, vel sollicitudin enim auctor ac. Fusce vestibulum mi vel risus elementum varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum lacus magna, tempor vitae hendrerit id, mollis lobortis felis. Donec justo felis, pellentesque ut bibendum condimentum, eleifend vestibulum est. Sed commodo tincidunt tempus. Proin varius vestibulum imperdiet. Suspendisse potenti.</p>
				</div>

			</div>

			<div id="secondary-content">

				<div id="unit-primary-navigation" class="unit">
					<ul>
						<li class="selected section-one"><a class="selected" href="/section-one/" title="Section One"><span>Section One</span></a></li>
						<li class="section-two"><a href="/section-two/" title="Section Two"><span>Section Two</span></a></li>
						<li class="section-three"><a href="/section-three/" title="Section Three"><span>Section Three</span></a></li>
						<li class="section-four"><a href="/section-four/" title="Section Four"><span>Section Four</span></a></li>
					</ul>
				</div>

				<div id="unit-about-the-site" class="unit">
					<h2>About the site</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
				</div>

			</div>
			
			<div id="tertiary-content">

				<div id="unit-about-the-site" class="unit">
					<h2>About the site</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
				</div>

				<div id="unit-lorem-ipsum-1" class="unit">
					<h2>Lorem Ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at lorem sit amet mi ullamcorper consequat non vitae magna. Curabitur justo nisi, sagittis eget iaculis ut, fermentum vel purus. Aliquam quis dolor libero, id accumsan est. Ut et sem et arcu sagittis consectetur ut sit amet mi. Aliquam vel orci tortor. Curabitur eget ante ac nunc pretium imperdiet a pulvinar velit. Proin cursus suscipit blandit. Integer euismod urna ac quam consequat varius. Nunc ac nulla est, eget ornare dolor. Vestibulum sit amet massa sit amet elit ullamcorper vehicula non at est. Morbi metus velit, vestibulum sit amet tincidunt quis, sodales id dolor.</p>
				</div>


			</div>
		</div>

		<!-- Footer -->
		<div id="footer">

			<div id="unit-copyright" class="unit">
				&copy; Me 2010
			</div>

			<div id="unit-footer-links" class="unit">
				<ul>
					<li><a href="">Footer Link</a></li>
					<li><a href="">Footer Link</a></li>
					<li><a href="">Footer Link</a></li>
				</ul>
			</div>

		</div>

	</div>
</body>
</html>